$.getJSON("../json/yphjson.json",function(json){
	//加载二维码
	$(".aside_bottom1 img").attr("src",json.erweima1);
})
//头部循环公告部分

//搜索框跨域请求
$("#txt").focus(function(){
	$(this).val("")
})
$("#txt").keyup(function(){
	$(this).css("border-bottom","2px solid #ccc")
	$("#txt2").html("");
	$("#txt2").css("display","block");
	var $str = $("#txt").val();
	$(("<script>"),{
		src:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+$str+"&cb=fn"
	}).appendTo("head:eq(0)")
})
$("#txt").blur(function(){
	$("#txt2").css("display","none")
	$(this).css("border-bottom","2px solid red");
})
//创建全局函数3
function fn(data){
	data.s.forEach(function(value,index){
		let oLi = document.createElement('li');
		oLi.innerHTML = value;
		$("#txt2").append(oLi);
	})
}

//侧边栏滑动部分滑动触发
	$(".aside_l li").each(function(index,value){
		$(this).hover(function(){
			$(this).css("background-position-x","-46px")
			$(this).find("div").css("display","block")
		},function(){
			$(this).css("background-position-x","0")
			$(this).find("div").css("display","none")
		})
	})
//点击侧边栏关闭
$("#aside_close").click(function(){
	$("#aside_topd").css("display","none");
})
//购物车
//加载购物车中的信息，让商品页和购物车中的购物车数量同步
loadCart();
function loadCart(){
	var cartStr = $.cookie("cart") ? $.cookie("cart"):"";
	var cartObj = convertCartStrToObj(cartStr);
	//获取到购物车中所有商品的数量
	var total = 0;
	for(var id in cartObj){
		total += cartObj[id].num;
	}
	$("#aside_shopping").html(total);
	$(".search2").html(total);
}
//获取cookie中的用户信息
var users = getCookie("registerUsers") ? getCookie("registerUsers"):"";
//将字符串转为对象
var arr = users.split(":")
var arr1 = arr[arr.length-1].split(",")
if(!users == ""){
	$(".register").html("用户"+arr1[0]);
	$(".load").html("退出重新登陆");
}
//取出购物车中的信息
var cartStr = $.cookie("cart") ? $.cookie("cart") :"";

if(!cartStr){
	$(".jiesuan").css("display","none");
	$(".car").css("height","303px");
	$("#box").css("display","block");
	$(".footer").css("marginTop","50px");
	$(".biaoti").css("display","none");
	$(".box2").css("display","none");
	
}else{
	var cartObj = convertCartStrToObj(cartStr);
	
	for( var id in cartObj){
		//商品信息对象
		var good = cartObj[id];
		var str =` <div class="shoplist" data-good-id="`+id+`">
				<input type="checkbox" class="check"/>
				<div class="tu"><img src="`+good.src+`"/></div>
				<span class="ti">`+good.name+`</span>
				<span class="prise">￥<em>`+good.price+`</em></span>
				<div class="number">
					<a href="###" class="jian">-</a>
					<input type="text" value="`+good.num+`" class="shuzi"/>
					<a href="###" class="jia">+</a>
				</div>
				<span class="xiaoji">￥<i>`+ good.price*good.num +`</i></span>
				<div class="remove"></div>
			</div>`;
			//将上面的结构添加到购物车中去
			$(str).appendTo(".box2");
			
	}
	$(".jiesuan p").eq(0).find("em").html($(".shuzi").val());
	$(".jiesuan p").eq(0).find("span").html($(".xiaoji").find("i").html());
	$(".jiesuan p").eq(2).find("span").html($(".xiaoji").find("i").html());
	//给每个商品添加从购物车删除的事件
	$(".remove").click(function(){
		//在页面上将商品信息删除，顺便获取一个该商品的ID
		var id = $(this).parents(".shoplist").remove().attr("data-good-id");
		//从cookie中将该商品删除
		var cartStr = $.cookie("care") ? $.cookie("cart") : "" ;
		var cartObj = convertCartStrToObj(cartStr);
		delete cartObj[id];
		//将新商品信息放回cookie
		$.cookie("cart",convertObjToCartStr(cartObj),{
			expires:7,
			path:"/"
		})
	})
	//给增加按钮添加事件
	$(".jia").click(function(){
		var id = $(this).parents('.shoplist').attr("data-good-id");
		var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
		var cartObj = convertCartStrToObj(cartStr);
		cartObj[id].num +=1;
		//将页面上显示的数量加1
		$(this).siblings("input").val(""+cartObj[id].num);
		//更新页面上的小计
		$(".xiaoji").find("i").html(cartObj[id].num * cartObj[id].price + "");
		//将信息放回cookie
		$.cookie("cart",convertObjToCartStr(cartObj),{
			expires:7,
			path:"/"
		});
		$(".jiesuan p").eq(0).find("em").html($(".shuzi").val());
		$(".jiesuan p").eq(0).find("span").html($(".xiaoji").find("i").html());
		$(".jiesuan p").eq(2).find("span").html($(".xiaoji").find("i").html());
	});
	//给减按钮添加点击事件
	$(".jian").click(function(){
		var id = $(this).parents('.shoplist').attr("data-good-id");
		var cartStr = $.cookie("cart") ? $.cookie("cart") : "";
		var cartObj = convertCartStrToObj(cartStr);
		if(cartObj[id].num > 1){
			cartObj[id].num -= 1;
			//将页面上显示的数量减1
			$(this).siblings("input").val(""+cartObj[id].num);
			//更新页面上的小计
			$(".xiaoji").find("i").html(cartObj[id].num * cartObj[id].price + "");
			//将信息放回cookie
			$.cookie("cart",convertObjToCartStr(cartObj),{
				expires:7,
				path:"/"
			});
		}
		$(".jiesuan p").eq(0).find("em").html($(".shuzi").val());
		$(".jiesuan p").eq(0).find("span").html($(".xiaoji").find("i").html());
		$(".jiesuan p").eq(2).find("span").html($(".xiaoji").find("i").html());
	})
	
	
}
	function convertCartStrToObj(cartStr) {
				//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
				//如果是空字符串，即没有购物车信息，那么购物车为空，直接返回一个空对象
				if(!cartStr) {
					return {};
				}
				var goods = cartStr.split(":");
				var obj = {};
				for(var i = 0; i < goods.length; i++) {
					var data = goods[i].split(",");
					//以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
					obj[data[0]] = {
						name: data[1],
						price: parseFloat(data[2]),
						num: parseInt(data[3]),
						src: data[4]
					}
				}
				return obj;
			}

			function convertObjToCartStr(obj) {

				var cartStr = "";
				for(var id in obj) {
					if(cartStr) {
						cartStr += ":";
					}
					cartStr += id + "," + obj[id].name + "," + obj[id].price + "," + obj[id].num + "," + obj[id].src;
				}
				return cartStr;
			}